<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
    <meta charset="UTF-8">
    <title>三级联动</title>
    <script type="text/javascript" src="../js/angular.js"></script>
    <script type="text/javascript" src="threeLevelLinkage.js"></script>
    <link rel="stylesheet" type="text/css" href="threeLevelLinkage.css">
</head>

<body ng-controller="controller1">
    <div class="linkage">
        <div class="linkageDiv">
            <select class="linkageSelect" ng-model="data.areaSelected" ng-options="area.name for area in data" ng-change='areaChange()' required>
                <option selected value="">请选择</option>
            </select>
        </div>
        <div class="linkageDiv">
            <select class="linkageSelect" ng-model="data.buildSelected" ng-options="build.name for build in buildingData" ng-change='buildingChange()' required>
                <option selected value="">请选择</option>
            </select>
        </div>
        <div class="linkageDiv">
            <select class="linkageSelect" ng-model="dataTemp.unitSelected" ng-options="unit.name for unit in unitData" ng-change='unitChange()'>
                <option selected value="">请选择</option>
            </select>
        </div>
    </div>
</body>

</html>
